$(document).ready(function() {
	$(".lattice").bind("click", function(event) {
		AnimationHandler.fireAnimation(event);
	});
	AnimationUtil.initEnvironment();
});
/*
 * var boom={ "play":function(id){ var jqueryId = "#"+id;
 * $(jqueryId).css({"display":"","position":"relative"});
 * $(jqueryId).animate({height:"50px"},120); // $(jqueryId).wait(2000); zd(id);
 * $(jqueryId).attr({"src":"boomp.jpg"}); } } // put the animations into map
 * AnimationDefinations["normal"]=normalTypeAnimation;
 * AnimationDefinations["boom"]=boom;
 * 
 * function playAnimation(type,id){ var ss = AnimationDefinations[type];
 * ss.play(id); }
 * 
 * function blast(id) { zd(id); setTimeout(1000,); }
 * 
 * function zd(id){ var a=['top','left'],b=0; u=setInterval(function(){
 * document.getElementById(id).style[a[b%2]]=(b++)%4<2?0:4;
 * if(b>15){clearInterval(u);b=0} },32) }
 */